<!DOCTYPE html>
<html>
<head>
  <title><%= full_title(yield(:title)) %></title>
  <%= csrf_meta_tags %>
  <%= favicon_link_tag 'logo.gif' %>
  <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
  <style>
    #home-page {
      padding-top: 100px;
    }

    #logo {
      float: left;
      margin-right: 10px;
      font-size: 1.7em;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: -1px;
      padding-top: 4px;
      font-weight: bold;
    }

    #logo:hover {
      color: #fff;
      text-decoration: none;
    }

    .navbar-brand {
      padding-top: 5px;
      padding-left: 30px;
    }

    .logo {
      height: 40px;
      width: 40px;
    }

    .nav-right {
      float: right;
    }
    .alert {
      padding-top: 80px;
      margin: 0;
      text-align: center;
    }
  </style>
  <%= render 'layouts/shim' %>
</head>
<body>
<%= render 'layouts/header' %>
<% flash.each do |message_type, message| %>
    <div class="alert alert-<%= message_type %>"><%= message %></div>
<% end %>
<div id="home-page">
  <div class="col-xs-4 col-sm-4 col-md-2">
    <%= render 'shared/slide_nav' %>
  </div>
  </div>
  <div class="col-xs-8 col-sm-8 col-md-10">
    <%= yield %>
  </div>
</body>
</html>
